import React, { Component } from 'react'
import CardContainer from '../component/card.container'

class Zhuanyipingtai extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    let {list1, list2} = this.props

    return (
      <CardContainer className="inline-span span-30" style={{height: '300px'}}>

      <span className="border-corner border-lt p-left p-top" />
      <span className="border-corner border-rb p-right p-bottom" />

        <h3 style={{lineHeight: '50px'}}>环大学技术转移平台</h3>
        <div className="row">
          {list1.map((item, index) => {
            return (
              <div key={index} className="process" style={{ textAlign: 'left' }}>
                <span className="process-company" style={{ display: 'inline-block', width: '100px', textAlign: 'right' }}>
                  {item.label}
                </span>
                <span className="process-bar" style={{ width: item.ratio + '%' }} />
                <span className="process-pend">{item.pend}</span>
              </div>
            )
          })}
          <h3>技术转移</h3>
          {list2.map((item, index) => {
            return (
              <div key={index} className="process" style={{ textAlign: 'left' }}>
                <span className="process-company" style={{ display: 'inline-block', width: '100px', textAlign: 'right' }}>
                  {item.label}
                </span>
                <span className="process-bar" style={{ width: item.ratio + '%' }} />
                <span className="process-pend">{item.pend}</span>
              </div>
            )
          })}
        </div>
      </CardContainer>
    )
  }
}

Zhuanyipingtai.defaultProps = {
  list1: require('../api.mock/jishuzhuanyipingtai.json'),
  list2: require('../api.mock/jishuzhuanyi.json')
}

export default Zhuanyipingtai